/**index.wxss**/
.header{
    width: auto;
    height:87rpx;
    display: flex;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background: #fff;
}
.header view{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 29rpx;
}
.header view text{
    height: 100%;
    display: flex;
    align-items: center;
}
.active{
    border-bottom: 2px solid black;
}

.search{
    height: 90rpx;
    padding: 20rpx;
    box-sizing: border-box;
    
    .se_con{
        height: 55rpx;
        background: #efefef;
        display: flex;
        .se_img{
            width: 60rpx;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        image{
            display: block;
            width: 30rpx;
            height: 30rpx;
        }
        .section{
            flex: 1;
            padding: 0.5rpx 0;
            input{
                font-size: 24rpx;
            }
        }
    }
}
.sw_img{
    image{
        width: 100%;
        height: 100%;
    }
}
.sw_all{
    height:430rpx;
}

//服务
.service{
    height: 60rpx;
    background: #fff;
    font-size: 22rpx;
    display: flex;
    view{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ababab;
        image{
            width: 32rpx;
            height: 32rpx;
            margin-right: 8rpx;
        }
    }
}

.s_sec{
    padding: 0rpx 30rpx;
}
.coupon{
    height: 215rpx;
    white-space: nowrap;
    width: 100%;
    
    view{
        display: inline-block;
        width: 280rpx;
        height: 150rpx;
        margin-right: 18rpx;
        margin-top: 35rpx;
        image{
            width: 280rpx;
            height: 150rpx;
        }
    }
}

//热卖商品
.hot_shop{
    height: 90rpx;
    background: #fff;
    display: flex;
    font-size: 30rpx;
    font-weight: bold;
    padding-left: 30rpx;
    align-items: center;
    position: relative;

        image{
            position: absolute;
            right: 30rpx;
            width: 17rpx;
            height: 34rpx;
    }
}
.hot_con{
    height: 495rpx;
    background: #fff;
    padding: 0 28rpx;
    image{
        width: 100%;
        height: 385rpx;
    }

    .hot_title{
        height: 63rpx;
        position: relative;
        .h_title_top{
            font-size: 26rpx;
            font-weight: bold;
            .hot_type{
                margin-left: 18rpx;
            }
            .hot_bar{
                margin-left:12rpx;
            }
            .hot_box{
                margin-left: 18rpx;
            }
        }
        .h_title_bot{
            font-size: 22rpx;
            margin-top: 14rpx;
            color: #a4a4a4;
            border-bottom: 1px dotted #f2f2f2;
        }
        .hot_price{
            position: absolute;
            font-size: 23rpx;
            color: #444444;
            right: 0;
            top: 14rpx;
            font-weight: bold;
        }
    }
}



//分类商品
.goods{
    height: 580rpx;
    margin-top: 46rpx;
    margin-bottom: 30rpx;
    padding: 0 28rpx;
    image{
        width: 100%;
        height: 202rpx;
    }
    .goods_coupon{
        height: 360rpx;
        white-space: nowrap;
        width: 100%;
        view{
            display: inline-block;
            width: 260rpx;
            height: 360px;
            margin-right: 28rpx;
            margin-top: 6rpx;
            z-index: 100;
            text{
                display: block;
                font-size: 25rpx;
                text-align: center;
                color: #525252;
            }
            .goods_dao{
                margin-top: 18rpx;
                margin-bottom: 12rpx;
                font-size: 22rpx;
                color: #919191;
               
            }
            image{
                width: 260rpx;
                height: 255rpx;
            }
        }
    }
}

//所有商品
.all_goods{
    height: 90rpx;
    background: #fff;
    display: flex;
    flex-flow: wrap;
    font-size: 30rpx;
    font-weight: bold;
    padding-left: 30rpx;
    align-items: center;
    position: relative;

        image{
            position: absolute;
            right: 30rpx;
            width: 17rpx;
            height: 34rpx;
    }
}
.show_goods{
    background: #fff;
    padding: 0 28rpx;
}

.show_goods_con{
    width: 342rpx;
    height: 442rpx;
    border: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16rpx;
    box-sizing: border-box;
    &:nth-child(odd){
        margin-right: 10rpx;
    }
    image{
        width: 295rpx;
        height: 290rpx;
        margin-bottom: 20rpx;
    }
    view{
        display: flex;
        width: 100%;
        padding-left: 30rpx;
        align-items: flex-start;
        font-size: 22rpx;
        color: #4b4b4b;
    }
    .show_goods_price{
        font-size: 25rpx;
        margin-top: 16rpx;
    }
}

.aa{
    display: flex;
    flex-flow: wrap;
}

.btn{
    color: #a6a6a6;
    font-size:20rpx;
    height: 66rpx;
    text-align: center;
    background: #fff;
    line-height: 66rpx;
    border: none;
}
.max_hot_st{
    padding-top: 10rpx;
}

.info{
    image{
        width: 100%;
        height: 1134rpx;
        margin-top: 8rpx;
    }
}